<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
        (中国大陆)t</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 主体样式 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 图标字体库 -->
    <link rel="stylesheet" href="../font/iconfont.css" />
    <!-- 新增页面样式 -->
    <link rel="stylesheet" href="../css/Mavic.css">
</head>

<body>
    <!-- 页面头部 -->
    <header>
        <div class="head_list1">
            <div class="center_list1">
                <span><a href="#">DJI 大疆官网</a></span>
                <span>满 ¥99 顺丰包邮。热门主机使用花呗，京东白条和招行分期最高可享 3 期免息，下单即享 1% DJI币返点。</span>
                <ul class="top_right clearfix">
                    <li class="shop_car"><a href="#">
                            <span class="iconfont">&#xe707;</span>
                            <span>购物车</span>
                            <span class="num">0</span></a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="">中国大陆(简体中文/￥CNY)</a></li>
                </ul>
            </div>

        </div>
        <div class="head_list2 ">
            <ul class="center_list2">
                <li><a href="#">
                        <div class="logo">
                            <span class="iconfont">&#xe6f7;</span>
                            <span>商城</span>
                        </div>
                    </a></li>
                <li><a href="#">商品分类
                        <span class="iconfont">&#xe731;</span>
                    </a></li>
                <li><a href="#">以旧换新</a></li>
                <li><a href="#">购机指南</a></li>
                <li><a href="#">DJI 大疆商城 APP</a></li>
                <li>
                    <form action="#">
                        <input type="text" name="search" placeholder="搜索商品..." />
                        <span class="iconfont iconsousuo"></span>
                    </form>
                </li>
            </ul>


        </div>
        <div class="head_list3 ">
            <ul class="head_list3_menu">
                <li>
                    <a href="./Mavic.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg"
                                alt="" />
                        </div>
                        <div>御 Mavic</div>
                    </a>
                </li>
                <li>
                    <a href="./Osmo.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/c55279e0-d39c-0136-af8a-1237445f15bc/ic-Tiny-70x56.svg"
                                alt="" />
                        </div>
                        <div>灵眸 Osmo</div>
                    </a>
                </li>
                <li>
                    <a href="./Fpv.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/aefb3853a22bc89a0726cdc0b83b8ba2.svg"
                                alt="" />
                        </div>
                        <div>DJI FPV</div>
                    </a>
                </li>
                <li>
                    <a href="./Phantom.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/769872f0-9980-0136-ac89-1237445f15bc/phantom.svg"
                                alt="" />
                        </div>
                        <div>精灵 Phantom</div>
                    </a>
                </li>
                <li>
                    <a href="./Ronin.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/de75be6aa8725b0d70b9f367a36381e6.svg"
                                alt="" />
                        </div>
                        <div>如影 Ronin</div>
                    </a>
                </li>
                <li>
                    <a href="./Robomaster.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/53e4f4dd7d74f6ee7bff1ccd8b54cc86.svg"
                                alt="" />
                        </div>
                        <div>机甲大师</div>
                    </a>
                </li>
                <li>
                    <a href="./Inspire.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/829c31f0-9980-0136-3e42-12528100fbe3/inspire.svg"
                                alt="" />
                        </div>
                        <div>悟 Inspire</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/c856e5d1f16c645fd71841008f1c2504.svg"
                                alt="" />
                        </div>
                        <div>行业应用</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/b22b91d0-997e-0136-ac83-1237445f15bc/tello.svg"
                                alt="" />
                        </div>
                        <div>睿炽科技丨特洛</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/b928d350-997e-0136-ac84-1237445f15bc/service.svg"
                                alt="" />
                        </div>
                        <div>增值服务</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/6bf1b630-9980-0136-ac88-1237445f15bc/others.svg"
                                alt="" />
                        </div>
                        <div>创意周边</div>
                    </a>
                </li>
            </ul>
        </div>

    </header>
    <!--商品主图  -->
    <div class="shop_box">
        <div class="mavic_bg">
            <div style="background-image:url(https://stormsend1.djicdn.com/stormsend/uploads/955fd0c180b7f7d94b36a833b82f34e9.jpg)"
                class="div_bg">
                <span>御 Mavic 系列</span>
            </div>
        </div>
        <div class="Mavic">
            <div class="Mavic_head clearfix">
                <h1>御 Mavic</h1>
                <a href=""> 更多&gt;</a>
            </div>
            <div class="Mavic_list1 clearfix">
                <div>
                    <img src="https://product3.djicdn.com/uploads/sku/cover/d54dd75147fee25c86b9b3639e3c316d@retina_small.png"
                        alt="">
                    <div>
                        <h2>DJI Mini 2</h2>
                        <p>小巧但性能犀利，可拍摄4K视频，实现4倍变焦，最远10公里控制距离。一键短片、一键全景，一键直出大片。智能易用，航拍轻而易举。</p><span>￥<i>2899</i></span>
                    </div>
                </div>
                <div>
                    <div class="main-backg"
                        style="max-width: 600px; background-image: url('https://stormsend1.djicdn.com/stormsend/uploads/ed23c1fe1371b6ec9cd6e4439bc7c64a.jpg');">
                    </div>
                </div>
            </div>
        </div>
        <ul class="shop_list">
            <li>
                <a href="#">
                <div><img
                        src="https://product3.djicdn.com/uploads/spu/cover/7727599c23f26f2fa55ab60494cd3569@retina_small.png"
                        alt=""></div>
                <div>
                    <h2>御 Mavic Air 2</h2>
                    <p>可拍摄 8K 延时影片，4K/60fps 视频，4800 万像素照片。拥有最长 34 分钟续航，最远 10 公里图传距离，焦点跟随功能，支持自行避障。</p>
                    <span>￥<i>4999</i></span>
                </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div><img src="https://product2.djicdn.com/uploads/spu/cover/ebb908b85f9f48dbabf5e58a79a74016@retina_small.png"
                            alt=""></div>
                    <div>
                        <h2>御 Mavic Mini</h2>
                        <p>御 Mini 将强大飞行性能注入轻小机身中，可随时伴你出行，配合全新 DJI Fly app，助你畅快飞行，随心创作。</p>
                        <span>￥<i>2699</i></span>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div><img src="https://product4.djicdn.com/uploads/sku/cover/55e19eff-2d6a-4d75-8e63-b9b5822fd298@retina_small.png" 
                        alt=""></div>
                    <div>
                        <h2>御 Mavic Air 2</h2>
                        <p>可拍摄 8K 延时影片，4K/60fps 视频，4800 万像素照片。拥有最长 34 分钟续航，最远 10 公里图传距离，焦点跟随功能，支持自行避障。</p>
                        <span>￥<i>4999</i></span>
                    </div>
                </a>
            </li><li>
                <a href="#">
                    <div><img src="https://product3.djicdn.com/uploads/spu/cover/48d3742a2b65dcb2acf76f0a34879068@retina_small.png"
                            alt=""></div>
                    <div>
                        <h2>DJI Mini 2 畅飞套装</h2>
                        <p>小巧但性能犀利，可拍摄4K视频，实现4倍变焦，最远10公里控制距离。一键短片、一键全景，一键直出大片。智能易用，航拍轻而易举。</p>
                        <span>￥<i>3799</i></span>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <footer class="clearfix">
        <ul class="sever ">
            <li>
                <div><img src="http://localhost:52330/code/dji-dist/imgs/truck-moving.svg" alt="">
                </div> <span>全场满 ¥99 顺丰包邮<br>（顺丰无法配送的区域将使用 EMS）</span>
            </li>
            <li>
                <div><img src="../imgs/credit-card.svg" alt="">
                </div>
                <span>支持支付宝、微信、银联、银行转账<br>支持花呗、京东白条和招行分期</span>
            </li>
            <li>
                <div><img src="../imgs/comment-alt-smile.svg" alt=""></div>
                <span>邮箱：<a href="support@dji.com">support@dji.com</a></span>
            </li>
            <li>
                <div><img src="../imgs/newGovIcon.gif" alt=""></div>
            </li>
        </ul>
        <!-- 頁脚鏈接 -->
        <div class="link_box">
            <ul>
                <li>商城热卖</li>
                <li><a href="#"> "御" Mavic</a></li>
                <li><a href="#"> "晓" Spark</a></li>
                <li><a href="#"> 精灵 Phantom</a></li>
                <li><a href="#"> 灵眸 Osmo</a>/li>
                <li><a href="#"> "悟" Inspire</a></li>
                <li><a href="#"> 如影 Ronin</a></li>
            </ul>
            <ul>
                <li>购买指南</li>
                <li><a href="#"> 支付方式</a></li>
                <li><a href="#"> 订单帮助</a></li>
                <li><a href="#"> 发货和物流</a></li>
                <li><a href="#"> 退换货条款</a></li>
                <li><a href="#"> 技术支持</a></li>
                <li><a href="#"> 售后服务政策</a></li>
                <li><a href="#"> DJI币返利计划</a></li>
            </ul>
            <ul>
                <li>商城项目</li>
                <li><a href="#"> 以旧换新</a></li>
                <li><a href="#"> DJI大疆商城App</a></li>
            </ul>

            <ul>
                <li>社区</li>
                <li><a href="#"> 天空之城</li>
                <li><a href="#"> DJI大疆社区</a></li>
                <li><a href="#"> 购机指南</a></li>
            </ul>
            <ul>
                <li>订阅</li>
                <li>第一时间了解我们的促销活动、热销产品和最新信息。</li>
                <li class="email_link">
                    <input type="text" placeholder="请输入您的邮箱"><span>&gt;</span>
                </li>
            </ul>
        </div>
        <!-- 脚下link1 -->
        <div class="footer_link1 clearfix">
            <div class="footer_link1_left">
                <i class="iconfont">&#xe6f7;</i>
                <a href="">关于我们</a>
                <a href="">联系我们</a>
                <a href="">招聘精英</a>
                <a href="">官方旗舰店</a>
            </div>
            <div class="footer_link1_right">
                <a href="#"><i class="iconfont youku">&#xe69a;</i></a>
                <a href="#"><i class="iconfont ">&#xe63e;</i></a>
                <a href="#"><i class="iconfont">&#xe605;</i></a>
            </div>
        </div>

        <!-- 脚下link2  -->
        <div class="footer_link2 clearfix">
            <div class="footer_link2_left">
                <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
                <a href="#">隐私权政策</a><i>·</i>
                <a href="#">使用条款</a><i>·</i>
                <a href="#">粤ICP备12032134号-11</a><i>·</i>
                <a href="#">营业执照</a><i>·</i>
                <a href="#">网站地图</a>
            </div>
            <div class="footer_link2_right">网站问题反馈？<a href="#">点击这里</a></div>
        </div>
    </footer>
<!-- 两个按钮 回到顶部 客服 -->
    <div class="use">
        <a href="#">
        <div><i class="iconfont">&#xe730;</i></div></a>
        <a href="#"><div><i class="iconfont">&#xe651;</i></div></a>
    </div>
</body>

</html>